<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>叶琪</title>
<style>
    /* id选择器 */
    #pa1{
        text-align: center;
        color: hotpink;
    }
    /* class选择器，可以多个元素使用 */
    .center{
        text-align: center;
    }
    /* 特殊的p标签 */
    p.center{
        text-align: end;
    }
</style>
</head>
<body>
    <p id="pa1">Hello World!</p>
<p>这个段落不受该样式的影响。</p>

<h1 class="center">标题居中</h1>
<p class="center">段落居中。</p> 

<h1 class="center">这个标题不受影响</h1>
<p class="center">这个段落居中对齐。</p> 
</body>
</html>